<template>
  <view class="content">
    <view class="pay-type-list">
			<view v-for="(item,index) in payTypeList" :key="index" class="type-item" @click="navTo(item.linkUrl)">
				<h-icon :src="item.icon"></h-icon>
				<text class="tit" v-text="item.payText" />
        <text class="cell-more iconfont icon-you"></text>
			</view>
		</view>
  </view>
</template>

<script>

	export default {
		data() {
			return {
				balance:'',
				payTypeList: [
					// {
					// 	payText:'提现到微信',
					// 	linkUrl:'/userPages/carryCash/weixin',
					// 	icon:'weixin'
					// },
					{
						payText:'提现到银行卡',
						linkUrl:'/userPages/carryCash/bank',
						icon:'bank'
					}
				],
			};
		},
		onLoad(options){
			this.balance = options.balance
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
          url: url+'?balance='+this.balance
        })
			},
		}
	}
</script>

<style lang='scss' scoped>
	.pay-type-list {
		padding: 20upx;
		.type-item{
			height: 100upx;
			padding: 20upx 18upx 20upx 28upx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #fff;
			margin-bottom: 20upx;
		}
		/deep/ .hicon{
			width: 48upx;
			height: 48upx;
			margin-right: 24upx;
		}
		.tit{
			font-size: 28upx;
			flex: 1;
		}
	}
</style>
